/**************************
| LAYOUT |
**********************************************************************************/

*{
    margin:0;
    padding:0;
    list-style-type:none;
}

BODY {
    font-family:			Arial, Helvetica, sans-serif;
    font-size:				11px;
    margin:					0;
    background:				#C8CEDA url(../imagem/back.gif) repeat-x;
}

h2 {
    color:#666;
    font:700 18px Arial, Helvetica, sans-serif;
    float: left;
    text-decoration:underline;
}

#corpo{
    margin:					60px auto;
    width:					776px;
    background:				#FFF;
    border:					1px #666 solid;
}
#topo{
    height:					150px;
    background-color:		#fff;
    position:               relative;
}
#colunanav{

    float:					left;
    width:					180px;
    background:				#fff;
}

#colunanav #atualizacoes{

    margin-top:             50px;
}

#conteudo{
    width:					576px;
    float:					right;
    margin-right:5px;
    min-height:             320px;
    _height:                 320px;
}

#conteudoCorpo{
    clear:both;
}


#footer{
    background:#FFF;
    border-top: 1px #999 dotted;
    clear: both;
}

#footer #atualizacoes {
    margin: 0 auto;
    text-align: center;
    width: 95%;
}

#footer #atualizacoes li {
    padding-left: 25px;
    padding-right: 25px;
    display: inline;

}

/*******************************************
| DIV de apoio |
***************************************************************************************************/

#acoes {
    float:right;
    padding-bottom: 2px;

}

.actionMessage {
    color: #006822;
}

.errorMessage{
    color: #E3A500 !important;
}

.exceptionMessage {
    color: #F00;
}

.actionMessage, .errorMessage, .exceptionMessage {
    display: block;
    clear: both;

    margin: 5px auto;
    border: 1px #666 solid;
    border-left: 5px #666 solid;
    border-right: 5px #666 solid;
    font-weight: bold;
    text-align: center;
    padding-bottom: 2px;

}

/*******************************************
| tabela |
***************************************************************************************************/
.relacao {
    background:#ccc;
    border:1px solid;
    border-collapse:collapse;
}

.relacao, .relacao caption {
    margin:auto;
    width:576px
}

.relacao caption {
    color:#666;
    font:700 18px Arial, Helvetica, sans-serif;
    padding:6px 4px 8px 0px;
    text-align:left;
}

.relacao thead th, .relacao tfoot th {
    text-align:center;
}
.relacao thead th, .relacao tfoot th {
    background:#898C95;
    font-weight:700;
    padding-top:3px;
}
.relacao tbody th, .relacao tbody td {
    text-align:left;
    vertical-align:top;
}
.relacao tbody tr:hover {
    background:#B9B9B9;
}
.relacao td, .relacao th {
    border:1px solid;
    padding:5px;
}
.relacao .par {
    background-color:#EEF1F8;
}
.relacao tbody tr.par:hover {
    background:#B9B9B9;
}
/*CORES*/
.relacao, .relacao thead th, .relacao tfoot th, .relacao tbody tr:hover, .relacao td, .relacao th {
    border-color:#fff;
}

.relacao thead th, .relacao tfoot th, .relacao tbody tr:hover, .relacao tbody tr.par:hover {
    color:#FFF;
}

/***********************************
| Formul�rios - login|
*********************************************************************************************************/
#logoff {
    width:390px;
    float: right;
    position:absolute;
    top:50%;
    right:2%;
    z-index:1000;
    display:block;
}

#logoff div{
    float: right;
    display:block;
}

/**********************************************
| MENU |
****************************************************************************************************************/
#menu {
    width:100%;
    height:300px;
    overflow:visible;
    margin-top: 10px;
    background:#F5F8FD;

}
#menu h3 {
    font-size:12px;
    color:#666;
    cursor:pointer;
    line-height:18px;
    padding-left:30px;
    margin:1px 0;
    background: #fff url(../imagem/mais.gif) 3px 50% no-repeat;/****pai normal***/
    /*border-left: 5px solid #505559;*/
}	
#menu  h3.corrente { 
    background: #FFF url(../imagem/menos.gif) 3px 50% no-repeat; /****pai selecionado***/
    color:#666;
}	
#menu ul {
    list-style-type:none;
    margin:0;
    padding:0;
}
#menu li a {
    background: #FFF url(../imagem/seta.gif) 98% no-repeat;/****filho normal***/
    border-left: 5px solid #CDCED2;
    color: #333;
    text-decoration: none;
    margin-bottom:1px;
    padding: 3px 15px 3px 3px;
    display: block;
}
#menu li a:hover {
    background: #fff url(../imagem/seta.gif) 98% no-repeat; /****filho selecionado***/
    color: #666;
    border-left: 5px solid #cad2dd;
}
* html #menu h3, * html #menu h3.corrente { 
    background-position: 8px 50%;
}	
*:first-child+html #menu h3, 
*:first-child+html #menu  h3.corrente { 
    background-position: 8px 50%;
}

/* Hack para o espa�amento do Menu no IE6*/
* html li, * html li a {
    height:1%;
}

/***************************
| buttons |
***********************************************************************/
.botao {
    background: #e3e3db;
    font-size:9px;
    color: #505559;
    padding: 2px 10px;
    border-width: 2px;
    border-style: solid;
    border-color: #fff #d8d8d0 #d8d8d0 #fff;
    text-decoration: none;
    text-transform:uppercase;
    font-weight:bold;
}

.botaoEditar, .botaoEditarDesabilitado{
    padding: 2px 10px;
    margin: 0 auto;
    border: none;
    cursor: pointer;
}

.botaoEditar {
    background: url(../imagem/20ed.png) no-repeat;
}

.botaoEditarDesabilitado {
    background: url(../imagem/20ed_d.png) no-repeat;
}

.botaoExcluir, .botaoExcluirDesabilitado {
    padding: 2px 10px;
    margin: 0 auto;
    border: none;
}

.botaoExcluir {
    background: url(../imagem/20ex.png) no-repeat;
    cursor: pointer;
}
.botaoExcluirDesabilitado {
    background: url(../imagem/20ex_d.png) no-repeat;
}